﻿@{
    ViewBag.Title = "AdminPage";
    Layout = null;
}

<!doctype html>
<html lang="en">

<head>
	<meta charset="utf-8"/>
	<title>Dashboard I Admin Panel</title>
    <link href="/Content/Bootstrap/bootstrap.min.css?cdv=1" type="text/css" rel="stylesheet" />
	<link rel="stylesheet" href="../../Content/Styles/Adminpage/layout.css" type="text/css" media="screen" />
    <link href="../../Content/Styles/page.css" rel="stylesheet" type="text/css" />  
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script src="../../Scripts/dialog.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script>
    <script src="../../Scripts/MicrosoftAjax.debug.js" type="text/javascript"></script>
    <script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
    <script src="../../Scripts/MicrosoftMvcAjax.debug.js" type="text/javascript"></script>
    <script src="../../Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>
    <script src="../../Scripts/MicrosoftMvcValidation.debug.js" type="text/javascript"></script>
    <script src="../../Scripts/MicrosoftMvcValidation.js" type="text/javascript"></script>
    <script src="../../Scripts/modernizr-1.7.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery-1.8.2.min.js?cdv=1" type="text/javascript"></script>
    <script src="/Scripts/jquery-ui-1.8.24.min.js?cdv=1" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
    </script>

	<script type="text/javascript">
//	    $(document).ready(function () {
//	        $(".tablesorter").tablesorter();
//	    }
//	);
	    $(document).ready(function () {

	        //When page loads...
	        $(".tab_content").hide(); //Hide all content
	        $("ul.tabs li:first").addClass("active").show(); //Activate first tab
	        $(".tab_content:first").show(); //Show first tab content

	        //On Click Event
	        $("ul.tabs li").click(function () {

	            $("ul.tabs li").removeClass("active"); //Remove any "active" class
	            $(this).addClass("active"); //Add "active" class to selected tab
	            $(".tab_content").hide(); //Hide all tab content

	            var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
	            $(activeTab).fadeIn(); //Fade in the active ID content
	            return false;
	        });

	    });
    </script>
    <script type="text/javascript">
//        $(function () {
//            $('.column').equalHeight();
//        });
        jQuery(document).ready(function () {
            jQuery(".contentmenu").show();
            jQuery(".heading").click(function () {
                jQuery(this).next(".contentmenu").slideToggle(500);
            });
           
        });
    </script>
    
    <style>
        body
        {
            font-family: Tahoma;
        }
        .heading
        {
            margin: 1px;
            color: #fff;
            padding: 3px 10px;
            cursor: pointer;
            position: relative;
            background-color: #0AE;
            height: 22px;
            border-radius: 5px;
            font-weight: bold;
            font-size: 13px;
        }
        .contentmenu
        {
            padding: 5px 10px !important;
            outline: none;
            margin-left: -40px;
        }
        .banner
        {
            background: url(../../Content/images/AdminPage/top_bg.jpg) top center repeat-x;
            border-bottom: 1px solid #7E7E7E;
            height: 92px;
            width: 100%;
        }
        .header
        {
            background: url(../../Content/images/AdminPage/repeat.jpg) repeat-x;
            height: 37px;
            width: 100%;
        }
        .nav-divider
        {
            background: url(../../Content/images/AdminPage/divider.jpg) top no-repeat;
            float: right;
            height: 40px;
            width: 15px;
        }
        .nav-logout
        {
            float: right;
            margin-right: 10px;
        }
        .leftmenu
        {
            border: 1px solid #C3C3C3;
            border-radius: 5px;
            width: 220px;
            height: auto;
            margin-top: 10px;
            margin-left: 10px;
            padding: 5px;
            float: left;
            margin-right: 10px;
        }
        .rightmenu
        {
            border: 1px solid #C3C3C3;
            border-radius: 2px;
            float: left;
            margin-top: 8px;
            width: 1000px;
        }
        li
        {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        a:hover  {
            color: #5b0f32;
            cursor: pointer;
        }
       
           input:focus{
        outline:none;
     }
     *:focus {
    outline: none;
}
label input, label textarea, label select 
{
    display: inline!important;
}
ul {
    margin-left: 40px;
}
    </style>
</head>
    <body>
        <div class="banner">
            <div><a href="/Home/Index"><img src="../../Content/images/AdminPage/home.png" width="80px" height="80px"/></a></div>
            <div style="position: absolute;top: 40px;left: 80px;"><img src="../../Content/images/AdminPage/logo.png"/></div>
            <div style="color: white;font-weight: bold;font-size: 15px;position: absolute;right: 100px;top: 40px;"><a href="/Home/Index"><p>View Site</p></a></div>
        </div>
        <div class="header">
            <div class="nav-divider"></div>
            <div class="nav-logout">
                <a href="/Admin/LogOff">
                    <img src="../../Content/images/AdminPage/nav_logout.gif" width="64" height="14" alt="" style="margin: 10px 0 0 5px;">
                </a>
            </div>
            <div class="nav-divider"></div>
            <div style="font-weight: bold;font-size: 13px;color: whitesmoke;line-height: 35px;float: right">Welcome Admin:@HttpContext.Current.Session["usernameAdmin"]
            </div>
        </div>
        <div class="leftmenu">
         <p class="heading">Manage Post </p>
            <div class="contentmenu">
                <ul style="list-style: none;">
                   <li><a href="/ManagePosts/ManagePost?status=1" id="approve">Approve posts</a></li>
                    <li> <a href="/ManagePosts/ManagePost?status=0" id="under">Under Review posts  </a></li>  
                    <li> <a href="/ManagePosts/ManagePost?status=-1" id="reject">Rejeted Posts</a></li>  
                    <li><a   href="/ManagePosts/ManagePost?status=2" id="allpost">All Posts</a></li>  
                </ul>
               
            </div>
            
         <p class="heading">Manage Users </p>
            <div class="contentmenu">
                <ul style="list-style: none;">
                    <li><a  href="/ManageUsers/Index" id="manageuser">Mange Users</a></li>  
                    
                </ul>
               
            </div>
           
                
         <p class="heading">Manage News </p>
            <div class="contentmenu">
                <ul style="list-style: none;">
                    <li><a href="/ManageNews/AddNew" id="postnew">Post a News</a></li>  
                     <li><a href="/ManageNews/ManageNews" id="managenew" style="color: none">Manage News</a></li>  
                </ul>
               
            </div>
            
             <p class="heading">Report </p>
            <div class="contentmenu">
                <ul style="list-style: none;">
                    <li><a  href="/Report/Index" id="export">Export Report</a></li>  
                    </ul>
               
            </div>
            
      
        </div>
        <div class="rightmenu">
                @RenderBody()
			</div>			

		
          
            <div class="clear"></div>
		
            <div class="spacer"></div>
      
    </body>

</html>
